// 构建导航条的状态模块
const NavModule = {
  //state全局状态，该状态用来定义全局数据源，定义的数据源可以被任意组件访问到，并且数据源是响应式的，即数据源发生更改，使用数据源的组件都会发生更改。注意state中的数据是单项响应式的，即数据发生更改会影响页面展示，但是页面数据更改不会直接影响state数据，如果想要state数据，此时必须要借助于mutations
  state: {
    title: "首页"
  },
  //mutations 用来提供方法，直接修改state数据源，注意mutations中的方法第一个参数默认就是需要修改的state数据源对象
  mutations: {
    //添加事件完成导航条标题的修改，title用来接收外界用来传输的标题， state返回未修改数据之前的state状态值
    changeTitle(state, title) {
      state.title = title;
    },
  },
  //action用来定义方法完成异步操作，同时通知mutations进行数据源更改
  actions: {},

  //实现模块化分割，将多个state进行模块化融合
  modules: {}

}

// 构建状态条状态模块
const TabModule = {
  state: {
    tabIndex: 0,
  },
  mutations: {
    changeTabIndex(state, index) {
      state.tabIndex = index;
    },
  },
}

const ListModule = {
  state: {
    listIndex: 0,
  },
  mutations: {
    changelistIndex(state, index) {
      state.listIndex = index;
    },
  },
}

export default {
  NavModule,
  TabModule,
  ListModule
};